<div id="contenedor" class="container">  
    <div class="row-fluid">
        <ul class="span12 breadcrumb alingCenter">
            <li><b>Información para el pago de licencias</b></li>
        </ul> 
    </div>


    <div class="row-fluid">
        <div class="span10 offset1">
            <table class="table  table-striped">
                <thead>
                    <tr>
                        <th>Fecha de compra</th>
                        <th>Descripción</th>
                        <th>Valor mensual</th>
                        <th>Fecha de proximo pago</th>
                        <th>Vencimiento</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>05/01/2013</td>
                        <td>OPTILODGING PMS</td>
                        <td>$40,000</td>
                        <td>5</td>
                        <td>05/01/2014</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span10 offset1">
            <a href="" role="button" class="btn btn-inverse" data-toggle="modal">
                Realizar pago
            </a>
            <a href="#modalHistorialPagoLicencia" role="button" class="btn btn-inverse" data-toggle="modal">
                Pagos Realizados
            </a>
        </div>
    </div>

</div>  


<!-- Modal Historial Pagos Licencia-->
<div id="modalHistorialPagoLicencia" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 id="myModalLabel">Pagos realizados</h4>

    </div>
    <div class="modal-body">
        <div class="row-fluid">
            <div class="span12">
                <table class="table  table-striped">
                    <thead>
                        <tr>
                            <th>Fecha de Pago</th>
                            <th>Valor Pagado</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>01/05/2012</td>
                            <td>$180,000</td>
                        </tr>
                        <tr>
                            <td>01/06/2012</td>
                            <td>$40,000</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Aceptar</button>
    </div>
</div>